<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>10月份统计报告</title>
    <script src="http://www.echartsjs.com/gallery/vendors/echarts/echarts-all-3.js"></script>
</head>

<body>
    <p>
        <div id="chart1" style="width: 800px;height:480px;"></div>
    </p>
    
    <p>
        <div id="chart2" style="width: 800px;height:480px;"></div>
    </p>
    
    <p>
        <div id="chart3" style="width: 800px;height:480px;"></div>
    </p>
    
    <p>
        <div id="chart4" style="width: 800px;height:480px;"></div>
    </p>
    
    <p>
        <div id="chart5" style="width: 800px;height:480px;"></div>
    </p>

    <p>
        <div id="chart6" style="width: 800px;height:480px;"></div>
    </p>
<script>
// 日本CPI
var datelist=["1984年1月","1984年2月","1984年3月","1984年4月","1984年5月","1984年6月","1984年7月","1984年8月","1984年9月","1984年10月","1984年11月","1984年12月","1985年1月","1985年2月","1985年3月","1985年4月","1985年5月","1985年6月","1985年7月","1985年8月","1985年9月","1985年10月","1985年11月","1985年12月","1986年1月","1986年2月","1986年3月","1986年4月","1986年5月","1986年6月","1986年7月","1986年8月","1986年9月","1986年10月","1986年11月","1986年12月","1987年1月","1987年2月","1987年3月","1987年4月","1987年5月","1987年6月","1987年7月","1987年8月","1987年9月","1987年10月","1987年11月","1987年12月","1988年1月","1988年2月","1988年3月","1988年4月","1988年5月","1988年6月","1988年7月","1988年8月","1988年9月","1988年10月","1988年11月","1988年12月","1989年1月","1989年2月","1989年3月","1989年4月","1989年5月","1989年6月","1989年7月","1989年8月","1989年9月","1989年10月","1989年11月","1989年12月","1990年1月","1990年2月","1990年3月","1990年4月","1990年5月","1990年6月","1990年7月","1990年8月","1990年9月","1990年10月","1990年11月","1990年12月","1991年1月","1991年2月","1991年3月","1991年4月","1991年5月","1991年6月","1991年7月","1991年8月","1991年9月","1991年10月","1991年11月","1991年12月","1992年1月","1992年2月","1992年3月","1992年4月","1992年5月","1992年6月","1992年7月","1992年8月","1992年9月","1992年10月","1992年11月","1992年12月","1993年1月","1993年2月","1993年3月","1993年4月","1993年5月","1993年6月","1993年7月","1993年8月","1993年9月","1993年10月","1993年11月","1993年12月","1994年1月","1994年2月","1994年3月","1994年4月","1994年5月","1994年6月","1994年7月","1994年8月","1994年9月","1994年10月","1994年11月","1994年12月","1995年1月","1995年2月","1995年3月","1995年4月","1995年5月","1995年6月","1995年7月","1995年8月","1995年9月","1995年10月","1995年11月","1995年12月","1996年1月","1996年2月","1996年3月","1996年4月","1996年5月","1996年6月","1996年7月","1996年8月","1996年9月","1996年10月","1996年11月","1996年12月","1997年1月","1997年2月","1997年3月","1997年4月","1997年5月","1997年6月","1997年7月","1997年8月","1997年9月","1997年10月","1997年11月","1997年12月","1998年1月","1998年2月","1998年3月","1998年4月","1998年5月","1998年6月","1998年7月","1998年8月","1998年9月","1998年10月","1998年11月","1998年12月","1999年1月","1999年2月","1999年3月","1999年4月","1999年5月","1999年6月","1999年7月","1999年8月","1999年9月","1999年10月","1999年11月","1999年12月","2000年1月","2000年2月","2000年3月","2000年4月","2000年5月","2000年6月","2000年7月","2000年8月","2000年9月","2000年10月","2000年11月","2000年12月","2001年1月","2001年2月","2001年3月","2001年4月","2001年5月","2001年6月","2001年7月","2001年8月","2001年9月","2001年10月","2001年11月","2001年12月","2002年1月","2002年2月","2002年3月","2002年4月","2002年5月","2002年6月","2002年7月","2002年8月","2002年9月","2002年10月","2002年11月","2002年12月","2003年1月","2003年2月","2003年3月","2003年4月","2003年5月","2003年6月","2003年7月","2003年8月","2003年9月","2003年10月","2003年11月","2003年12月","2004年1月","2004年2月","2004年3月","2004年4月","2004年5月","2004年6月","2004年7月","2004年8月","2004年9月","2004年10月","2004年11月","2004年12月","2005年1月","2005年2月","2005年3月","2005年4月","2005年5月","2005年6月","2005年7月","2005年8月","2005年9月","2005年10月","2005年11月","2005年12月","2006年1月","2006年2月","2006年3月","2006年4月","2006年5月","2006年6月","2006年7月","2006年8月","2006年9月","2006年10月","2006年11月","2006年12月","2007年1月","2007年2月","2007年3月","2007年4月","2007年5月","2007年6月","2007年7月","2007年8月","2007年9月","2007年10月","2007年11月","2007年12月","2008年1月","2008年2月","2008年3月","2008年4月","2008年5月","2008年6月","2008年7月","2008年8月","2008年9月","2008年10月","2008年11月","2008年12月","2009年1月","2009年2月","2009年3月","2009年4月","2009年5月","2009年6月","2009年7月","2009年8月","2009年9月","2009年10月","2009年11月","2009年12月","2010年1月","2010年2月","2010年3月","2010年4月","2010年5月","2010年6月","2010年7月","2010年8月","2010年9月","2010年10月","2010年11月","2010年12月","2011年1月","2011年2月","2011年3月","2011年4月","2011年5月","2011年6月","2011年7月","2011年8月","2011年9月","2011年10月","2011年11月","2011年12月","2012年1月","2012年2月","2012年3月","2012年4月","2012年5月","2012年6月","2012年7月","2012年8月","2012年9月","2012年10月","2012年11月","2012年12月","2013年1月","2013年2月","2013年3月","2013年4月","2013年5月","2013年6月","2013年7月","2013年8月","2013年9月","2013年10月","2013年11月","2013年12月","2014年1月","2014年2月","2014年3月","2014年4月","2014年5月","2014年6月","2014年7月","2014年8月","2014年9月","2014年10月","2014年11月","2014年12月","2015年1月","2015年2月","2015年3月","2015年4月","2015年5月"];
var jp_cpi=[85.5,86,86.2,86.4,87,86.4,86.6,85.9,87.2,87.8,87.4,87.5,87.8,87.5,87.8,88.3,88.5,88.5,88.7,88.5,88.6,89.4,88.7,88.8,89.1,89,89,89.2,89.5,89,88.8,88.6,89,89.1,88.7,88.5,88.2,88.2,88.5,89.3,89.5,89.3,88.9,89,89.8,89.8,89.3,89.2,89,88.8,89.1,89.6,89.7,89.5,89.3,89.6,90.3,90.7,90.4,90.1,89.9,89.7,90.1,91.7,92.2,92.1,92,91.9,92.7,93.4,92.4,92.5,92.9,93,93.4,94.1,94.6,94.2,94.1,94.4,95.2,96.2,96,95.9,96.6,96.3,96.8,97.4,97.8,97.5,97.4,97.6,97.7,98.8,99,98.5,98.3,98.2,98.7,99.7,99.8,99.7,99,99.3,99.7,99.8,99.6,99.6,99.5,99.6,99.9,100.6,100.7,100.6,100.9,101.1,101.2,101.1,100.6,100.7,100.8,100.8,101.2,101.4,101.5,101.1,100.7,101.1,101.4,101.9,101.6,101.3,101.3,101,100.9,101.2,101.4,101.3,100.8,100.9,101.5,101.2,100.9,100.9,100.8,100.6,100.8,101.4,101.6,101.3,101.2,101.1,101.5,101.7,101.4,101.5,101.4,101.2,101.3,103.4,103.6,103.6,103.2,103.3,104,104.3,103.6,103.4,103.3,103.2,103.6,103.8,104.1,103.7,103.1,103,103.8,104.5,104.4,104,103.5,103.1,103.2,103.7,103.7,103.4,103,103.3,103.6,103.8,103.2,102.9,102.8,102.5,102.7,102.9,103,102.8,102.5,102.8,102.7,102.7,102.4,102.5,102.5,102.1,101.9,102.1,102.2,101.9,101.6,102,101.8,101.8,101.3,101.2,101,100.5,100.7,101,101.3,101.2,100.8,101.1,101.1,100.9,100.9,100.9,100.6,100.3,100.6,100.9,101.1,100.8,100.6,100.8,100.9,100.9,100.4,100.5,100.3,100.3,100.5,100.5,100.6,100.8,100.5,100.6,100.9,101.4,101.2,100.7,100.5,100.2,100.5,100.6,100.7,100.3,100.2,100.3,100.6,100.6,100.2,100.3,100.4,100.1,100.3,100.5,100.8,100.8,100.5,101.2,101.2,101,100.5,100.6,100.4,99.9,100.2,100.5,100.8,100.6,100.5,101,101,101.3,101.1,101.3,101.1,100.9,101.4,101.3,102.1,102.6,102.8,103.1,103.1,103,102.1,101.7,101.1,100.8,101.1,101.2,101,100.8,100.5,100.8,100.8,100.4,100.2,100,100.1,100,100.3,100.4,100.3,100.1,99.5,99.7,99.9,100.2,99.9,99.6,99.5,99.5,99.8,99.9,99.9,99.7,99.7,99.9,99.9,100,99.4,99.4,99.6,99.8,100.3,100.4,100.1,99.6,99.3,99.4,99.6,99.6,99.2,99.3,99.3,99.2,99.4,99.7,99.8,99.8,100,100.3,100.6,100.7,100.8,100.9,100.7,100.7,101,103.1,103.5,103.4,103.4,103.6,103.9,103.6,103.2,103.3,103.1,102.9,103.3,103.7,104];
var jp_incrate=[0.019,0.029,0.025,0.024,0.02,0.019,0.026,0.019,0.023,0.022,0.022,0.027,0.027,0.017,0.019,0.022,0.017,0.024,0.024,0.03,0.016,0.018,0.015,0.015,0.015,0.017,0.014,0.01,0.011,0.006,0.001,0.001,0.005,-0.003,0,-0.003,-0.01,-0.009,-0.006,0.001,0,0.003,0.001,0.005,0.009,0.008,0.007,0.008,0.009,0.007,0.007,0.003,0.002,0.002,0.004,0.007,0.006,0.01,0.012,0.01,0.01,0.01,0.011,0.023,0.028,0.029,0.03,0.026,0.027,0.03,0.022,0.027,0.033,0.037,0.037,0.026,0.026,0.023,0.023,0.027,0.027,0.03,0.039,0.037,0.04,0.035,0.036,0.035,0.034,0.035,0.035,0.034,0.026,0.027,0.031,0.027,0.018,0.02,0.02,0.024,0.02,0.023,0.016,0.017,0.02,0.01,0.006,0.011,0.012,0.014,0.012,0.009,0.009,0.009,0.019,0.018,0.015,0.013,0.01,0.011,0.013,0.012,0.013,0.008,0.008,0.005,-0.002,0,0.002,0.008,0.01,0.006,0.005,0.002,-0.003,-0.002,-0.001,0.002,0.001,-0.002,0.001,-0.007,-0.007,-0.004,-0.005,-0.004,-0.001,0.002,0.002,0,0.004,0.002,0,0.005,0.005,0.006,0.006,0.006,0.005,0.02,0.02,0.023,0.02,0.022,0.025,0.026,0.022,0.019,0.019,0.02,0.023,0.004,0.005,0.001,-0.001,-0.003,-0.002,0.002,0.008,0.006,0.002,-0.001,-0.004,-0.001,-0.004,-0.003,-0.001,0.003,-0.002,-0.007,-0.011,-0.011,-0.007,-0.006,-0.005,-0.008,-0.007,-0.006,-0.005,-0.005,-0.009,-0.011,-0.008,-0.004,-0.003,-0.004,-0.008,-0.008,-0.008,-0.009,-0.009,-0.008,-0.009,-0.009,-0.011,-0.013,-0.015,-0.016,-0.012,-0.011,-0.009,-0.007,-0.008,-0.009,-0.007,-0.009,-0.004,-0.003,-0.004,-0.002,-0.001,-0.001,-0.002,-0.004,-0.002,-0.003,-0.002,0,-0.005,-0.004,-0.003,0,-0.001,-0.004,-0.005,0,-0.001,-0.002,0,0.005,0.008,0.002,0.002,-0.001,0,0.001,0.001,-0.005,-0.003,-0.003,-0.003,-0.008,-0.01,-0.004,-0.001,-0.001,-0.002,-0.001,0.001,0.005,0.003,0.009,0.006,0.004,0.003,0.003,0,-0.002,-0.001,0,0,-0.002,0,-0.002,-0.002,0.003,0.006,0.007,0.007,0.01,0.012,0.008,0.013,0.02,0.023,0.021,0.021,0.017,0.01,0.004,0,-0.001,-0.003,-0.001,-0.011,-0.018,-0.022,-0.022,-0.022,-0.025,-0.019,-0.017,-0.01,-0.008,-0.008,-0.008,-0.007,-0.007,-0.01,-0.011,-0.009,-0.002,-0.003,-0.004,-0.006,-0.005,-0.005,-0.005,-0.004,-0.004,0.002,0.002,0,-0.002,-0.005,-0.002,0.001,0.003,0.005,0.005,0.002,-0.001,-0.004,-0.005,-0.003,-0.004,-0.002,-0.001,-0.003,-0.006,-0.009,-0.007,-0.003,0.002,0.007,0.009,0.01,0.011,0.016,0.016,0.014,0.015,0.016,0.034,0.037,0.036,0.034,0.033,0.033,0.029,0.024,0.024,0.024,0.022,0.023,0.006,0.005];

for (index in jp_incrate)
{
    jp_incrate[index] = jp_incrate[index]*100;
}

var option_jp_cpi = {
    title: {
        text: '日本CPI',
        subtext: ''
    },
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross'
        }
    },
    toolbox: {
        show: true,
        feature: {
            saveAsImage: {}
        }
    },
    xAxis:  {
        type: 'category',
        boundaryGap: false,
        data: datelist
    },
    yAxis: [
        {
            type: 'value',
            name: 'CPI',
            min: 80,
            max: 110,
            interval: 10,
            axisLabel: {
                formatter: '{value}'
            }
        },
        {
            type: 'value',
            name: '变化率',
            axisLabel: {
                formatter: '{value}%'
            }
        }
    ],
    series: [
        {
            name:'CPI',
            type:'line',
            smooth: false,
            data: jp_cpi,
            itemStyle: {
                normal: {
                    color: 'rgb(255, 70, 131)'
                }
            },
            areaStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                        offset: 0,
                        color: 'rgb(255, 158, 68)'
                    }, {
                        offset: 1,
                        color: 'rgb(255, 70, 131)'
                    }])
                }
            },
        },
        {
            name:'变化率',
            type:'line',
            smooth: true,
            data: jp_incrate,
            yAxisIndex: 1,
            itemStyle: {
                normal: {
                    color: 'rgb(0, 128, 128)'
                }
            },
        }
    ]
};

// 日本GDP
var years_jp=["",1980,1981,1982,1983,1984,1985,1986,1987,1988,1989,1990,1991,1992,1993,1994,1995,1996,1997,1998,1999,2000,2001,2002,2003,2004,2005,2006,2007,2008,2009,2010,2011,2012,2013,2014,2015,2016,""];
var jp_gdp=[null, 1.1,1.216,1.13,1.232,1.31,1.401,2.075,2.514,3.051,3.052,3.14,3.578,3.898,4.467,4.907,5.449,4.834,4.415,4.033,4.562,4.888,4.304,4.115,4.446,4.815,4.755,4.53,4.515,5.038,5.231,5.7,6.157,6.203,5.156,4.849,4.383,4.949,""];
var option_jp_gdp = {
    title: {
        text: '日本GDP',
        subtext: ''
    },
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross'
        }
    },
    toolbox: {
        show: true,
        feature: {
            saveAsImage: {}
        }
    },
    xAxis:  {
        type: 'category',
        boundaryGap: false,
        data: years_jp
    },
    yAxis: [
        {
            type: 'value',
            name: 'GDP',
            min: 0,
            max: 7,
            interval: 0.5,
            axisLabel: {
                formatter: '{value}万亿美元'
            }
        }
    ],
    series: [
        {
            name:'GDP',
            type:'bar',
            smooth: false,
            data: jp_gdp,
        }
    ]
};

var datelist_jp_lw = ["", "2008年1月","2008年2月","2008年3月","2008年4月","2008年5月","2008年6月","2008年7月","2008年8月","2008年9月","2008年10月","2008年11月","2008年12月","2009年1月","2009年2月","2009年3月","2009年4月","2009年5月","2009年6月","2009年7月","2009年8月","2009年9月","2009年10月","2009年11月","2009年12月","2010年1月","2010年2月","2010年3月","2010年4月","2010年5月","2010年6月","2010年7月","2010年8月","2010年9月","2010年10月","2010年11月","2010年12月","2011年1月","2011年2月","2011年3月","2011年4月","2011年5月","2011年6月","2011年7月","2011年8月","2011年9月","2011年10月","2011年11月","2011年12月","2012年1月","2012年2月","2012年3月","2012年4月","2012年5月","2012年6月","2012年7月","2012年8月","2012年9月","2012年10月","2012年11月","2012年12月","2013年1月","2013年2月","2013年3月","2013年4月","2013年5月","2013年6月","2013年7月","2013年8月","2013年9月","2013年10月","2013年11月","2013年12月","2014年1月","2014年2月","2014年3月","2014年4月","2014年5月","2014年6月","2014年7月","2014年8月","2014年9月","2014年10月","2014年11月","2014年12月","2015年1月","2015年2月","2015年3月","2015年4月","2015年5月","2015年6月","2015年7月","2015年8月","2015年9月","2015年10月","2015年11月","2015年12月","2016年1月","2016年2月","2016年3月","2016年4月","2016年5月","2016年6月","2016年7月","2016年8月","2016年9月","2016年10月","2016年11月","2016年12月","2017年1月","2017年2月","2017年3月","2017年4月","2017年5月","2017年6月","2017年7月","2017年8月","2017年9月", ""];

var jp_lost_work = ["", "4.80","3.90","4.00","3.80","3.90","4.00","4.00","3.90","4.10","4.00","3.80","4.00","4.40","4.30","4.60","4.80","5.00","5.10","5.20","5.50","5.40","5.40","5.20","5.20","5.20","5.00","5.00","5.10","5.10","5.10","5.20","5.00","5.10","5.10","5.10","5.00","4.90","4.80","4.70","4.70","4.70","4.60","4.70","4.70","4.50","4.20","4.40","4.50","4.50","4.50","4.50","4.50","4.50","4.40","4.30","4.30","4.20","4.20","4.10","4.10","4.30","4.20","4.30","4.10","4.10","4.10","3.90","3.80","4.10","4.00","4.00","3.90","3.70","3.70","3.60","3.60","3.60","3.60","3.70","3.70","3.50","3.60","3.50","3.50","3.40","3.60","3.50","3.40","3.30","3.30","3.40","3.30","3.40","3.40","3.10","3.30","3.30","3.20","3.30","3.20","3.20","3.20","3.10","3.00","3.10","3.00","3.00","3.10","3.10","3.00","2.80","2.80","2.80","3.10","2.80","2.80","2.80", ""];

var option_jp_lw = {
    title: {
        text: '日本失业率',
        subtext: ''
    },
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross'
        }
    },
    toolbox: {
        show: true,
        feature: {
            saveAsImage: {}
        }
    },
    xAxis:  {
        type: 'category',
        boundaryGap: false,
        data: datelist_jp_lw
    },
    yAxis: [
        {
            type: 'value',
            name: '失业率',
            axisLabel: {
                formatter: '{value}%'
            }
        }
    ],
    series: [
        {
            name:'失业率',
            type:'bar',
            smooth: false,
            data: jp_lost_work,
            itemStyle: {
                normal: {
                    color: '#169536'
                }
            }
        }
    ]
};

var years_cn = ['',1985,1986,1987,1988,1989,1990,1991,1992,1993,1994,1995,1996,1997,1998,1999,2000,2001,2002,2003,2004,2005,2006,2007,2008,2009,2010,2011,2012,2013,2014,2015,''];

var cn_cpi = ['',109.3,106.5,107.3,118.8,118,103.1,103.4,106.4,114.7,124.1,117.1,108.3,102.8,99.2,98.6,100.4,100.7,99.2,101.2,103.9,101.8,101.5,104.8,105.9,99.3,103.3,105.4,102.6,102.6,102,101.4,''];

var cn_gdp = ['',9098.9,10376.2,12174.6,15180.4,17179.7,18872.9,22005.6,27194.5,35673.2,48637.5,61339.9,71813.6,79715,85195.5,90564.4,100280.1,110863.1,121717.4,137422,161840.2,187318.9,219438.5,270232.3,319515.5,349081.4,413030.3,489300.6,540367.4,595244.4,643974,689052.1,''];

var cn_lost_work = ['',1.8,2,2,2,2.6,2.5,2.3,2.3,2.6,2.8,2.9,3,3.1,3.1,3.1,3.1,3.6,4,4.3,4.2,4.2,4.1,4,4.2,4.3,4.1,4.1,4.1,4.1,4.1,4.1,''];

var option_cn_gdp = {
    title: {
        text: '中国GDP',
        subtext: ''
    },
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross'
        }
    },
    toolbox: {
        show: true,
        feature: {
            saveAsImage: {}
        }
    },
    xAxis:  {
        type: 'category',
        boundaryGap: false,
        data: years_cn
    },
    yAxis: [
        {
            type: 'value',
            name: 'GDP',
            axisLabel: {
                formatter: '{value}亿元'
            }
        }
    ],
    series: [
        {
            name:'GDP',
            type:'bar',
            smooth: false,
            data: cn_gdp,
        }
    ]
};

var option_cn_cpi = {
    title: {
        text: '中国CPI',
        subtext: ''
    },
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross'
        }
    },
    toolbox: {
        show: true,
        feature: {
            saveAsImage: {}
        }
    },
    xAxis:  {
        type: 'category',
        boundaryGap: false,
        data: years_cn
    },
    yAxis: [
        {
            type: 'value',
            name: 'CPI',
            axisLabel: {
                formatter: '{value}'
            }
        }
    ],
    series: [
        {
            name:'CPI',
            type:'bar',
            smooth: false,
            data: cn_cpi,
            itemStyle: {
                normal: {
                    color: '#4663ab'
                }
            }
        }
    ]
};

var option_cn_lw = {
    title: {
        text: '中国失业率',
        subtext: ''
    },
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross'
        }
    },
    toolbox: {
        show: true,
        feature: {
            saveAsImage: {}
        }
    },
    xAxis:  {
        type: 'category',
        boundaryGap: false,
        data: years_cn
    },
    yAxis: [
        {
            type: 'value',
            name: '失业率',
            axisLabel: {
                formatter: '{value}%'
            }
        }
    ],
    series: [
        {
            name:'失业率',
            type:'bar',
            smooth: false,
            data: cn_lost_work,
            itemStyle: {
                normal: {
                    color: '#169536'
                }
            }
        }
    ]
};

var myChart1 = echarts.init(document.getElementById('chart1'));
var myChart2 = echarts.init(document.getElementById('chart2'));
var myChart3 = echarts.init(document.getElementById('chart3'));
var myChart4 = echarts.init(document.getElementById('chart4'));
var myChart5 = echarts.init(document.getElementById('chart5'));
var myChart6 = echarts.init(document.getElementById('chart6'));

myChart1.setOption(option_cn_cpi);
myChart2.setOption(option_cn_gdp);
myChart3.setOption(option_cn_lw);
myChart4.setOption(option_jp_cpi);
myChart5.setOption(option_jp_gdp);
myChart6.setOption(option_jp_lw);
</script>
</body>
</html>
